<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>功夫熊猫</title>
        <link rel="stylesheet" href="css/功夫熊猫样式.css">
    </head>
    <body>
        <!--2D动画：功夫熊猫 思路
        html 设计页面骨架：元素添加几个
            ①跑马灯套标题元素
            ②熊出现位置：空间
            ③跑马灯套图片元素
        css 构建页面效果：具体元素添加样式
            ②引入方式表：外部样式表【项目级】
            ③通用选择器：规范页面通用效果
            语法：*{}匹配页面所有元素
            ③设置：背景，动画，微调
        -->
        <marquee behavior="alternate">
            <h1>功夫熊猫</h1>
        </marquee>
        <!--熊空间-->
        <div class="bear"></div>
        <!--云-->
        <marquee behavior=""><img src="img/cloud.png"alt="云"/></marquee>
        <!--音乐-->
        <audio src="img/gf.mp3" autoplay></audio>
    </body>
</html>
